.image-viewable, .image-editable, #content .carousel-container .carousel .carousel-contents .product .thumbnail {
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  background-color: white;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }

.image-editable div {
  margin-top: -5px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  display: none;
  font-weight: bold; }
.image-editable .image-submit {
  border: 1px solid #076fe4;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #8ebcf1;
  box-shadow: inset 0 1px 0 0 #8ebcf1;
  color: white;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  background-color: #4294f0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4294f0), color-stop(100%, #0776f3));
  background-image: -webkit-linear-gradient(top, #4294f0, #0776f3);
  background-image: -moz-linear-gradient(top, #4294f0, #0776f3);
  background-image: -ms-linear-gradient(top, #4294f0, #0776f3);
  background-image: -o-linear-gradient(top, #4294f0, #0776f3);
  background-image: linear-gradient(top, #4294f0, #0776f3);
  padding: 7px 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 #0065d6;
  -webkit-background-clip: padding-box;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  display: none; }
  .image-editable .image-submit:hover:not(:disabled) {
    -webkit-box-shadow: inset 0 1px 0 0 #60a2ec;
    box-shadow: inset 0 1px 0 0 #60a2ec;
    cursor: pointer;
    background-color: #2f87ea;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2f87ea), color-stop(100%, #086fe3));
    background-image: -webkit-linear-gradient(top, #2f87ea, #086fe3);
    background-image: -moz-linear-gradient(top, #2f87ea, #086fe3);
    background-image: -ms-linear-gradient(top, #2f87ea, #086fe3);
    background-image: -o-linear-gradient(top, #2f87ea, #086fe3);
    background-image: linear-gradient(top, #2f87ea, #086fe3); }
  .image-editable .image-submit:active:not(:disabled) {
    border: 1px solid #076fe4;
    -webkit-box-shadow: inset 0 0 8px 4px #0868d3, inset 0 0 8px 4px #0868d3, 0 1px 1px 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #0868d3, inset 0 0 8px 4px #0868d3, 0 1px 1px 0 #eeeeee; }
  .image-editable .image-submit:disabled {
    opacity: 0.5;
    cursor: not-allowed; }

.image-editable:not(.highlight) {
  outline: 1px solid black; }

.image-editable.highlight {
  outline: 7px solid orange; }

.image-editable:hover div {
  display: block; }

#content .carousel-container {
  position: relative;
  width: 100%; }
  #content .carousel-container h1 {
    font-weight: bold;
    font-size: 30px; }
  #content .carousel-container .spacer {
    height: 256px;
    width: 1px; }
  #content .carousel-container .left-arrow, #content .carousel-container .right-arrow {
    position: absolute;
    height: 234px;
    bottom: 20px;
    width: 30px;
    background: #CCC;
    opacity: 0.5;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center; }
  #content .carousel-container .left-arrow:hover, #content .carousel-container .right-arrow:hover {
    opacity: 1; }
  #content .carousel-container .left-arrow {
    left: 0px;
    background-image: url("/images/left.svg"); }
  #content .carousel-container .right-arrow {
    right: 0px;
    background-image: url("/images/right.svg"); }
  #content .carousel-container .carousel {
    position: absolute;
    left: 30px;
    right: 30px;
    overflow: hidden;
    height: 256px;
    padding: 0; }
    #content .carousel-container .carousel .carousel-contents {
      height: 100%;
      margin: 0;
      padding: 0;
      width: 1000%; }
      #content .carousel-container .carousel .carousel-contents .product {
        display: inline-block;
        position: relative;
        height: 100%;
        width: 256px;
        color: black;
        text-decoration: none; }
        #content .carousel-container .carousel .carousel-contents .product .thumbnail {
          position: absolute;
          top: 2px;
          left: 2px;
          right: 2px;
          bottom: 30px; }
        #content .carousel-container .carousel .carousel-contents .product .label {
          position: absolute;
          bottom: 0px;
          height: 30px;
          left: 0px;
          width: 100%; }
          #content .carousel-container .carousel .carousel-contents .product .label .price {
            float: right; }
      #content .carousel-container .carousel .carousel-contents .product-spacer {
        width: 15px;
        display: inline-block;
        height: 100%; }
      #content .carousel-container .carousel .carousel-contents .product-spacer:last-child {
        display: none; }
#content .html5 {
  display: block;
  text-align: center; }
